import React, { Component } from 'react'
import { Icon } from 'antd-mobile'

export default class GiftCouponV3 extends Component {
  render() {
    return (
      <div className={`rt-gift-coupon-v3-container`}>
        <div className={`rt-top-header`}>
          <Icon type="left" />
          <span>赠券</span>
        </div>
        <div className={`rt-info-message`}>
          <span className={`rt-balance`}>赠券余额：800.00</span>
          <span>使用规则</span>
        </div>

        <div className={`rt-gift-coupon`}>
          <div className={`rt-title-box`}>新用户注册赠券</div>
          <div className={`cm-circle -semi-right`}></div>
          <div className={`cm-circle -semi-left`}></div>
          <div className={`rt-content-box`}>
            <div className={`rt-left`}>
              <span>有效期至</span>
              <span>2016年6月30日</span>
            </div>
            <div className={`rt-right`}>
              <span>¥</span>
              <strong>100.00</strong>
            </div>
          </div>
        </div>

        <div className={`rt-gift-coupon`}>
          <div className={`rt-title-box`}>新用户注册赠券</div>
          <div className={`cm-circle -semi-right`}></div>
          <div className={`cm-circle -semi-left`}></div>
          <div className={`rt-content-box`}>
            <div className={`rt-left`}>
              <span>有效期至</span>
              <span>2016年6月30日</span>
            </div>
            <div className={`rt-right`}>
              <span>¥</span>
              <strong>100.00</strong>
            </div>
          </div>
        </div>

        <div className={`rt-gift-coupon -grey`}>
          <div className={`rt-title-box`}>新用户注册赠券</div>
          <div className={`cm-circle -semi-right`}></div>
          <div className={`cm-circle -semi-left`}></div>
          <div className={`rt-content-box`}>
            <div className={`rt-left`}>
              <span>有效期至</span>
              <span>2016年6月30日</span>
            </div>
            <div className={`rt-right`}>
              <span>¥</span>
              <strong>100.00</strong>
            </div>
          </div>
        </div>
      </div>
    )
  }
}